.wf-location-map {

    height: calc(100% - 60px);
    
    .wea-map-marker {
        .icon-coms02-Positioning {
            font-size: 21px;
            color: #61A8F5;
        }
    }

    .amap-info > div {
        bottom: 0px !important;
    }

    .amap_markers_pop_window {
        padding: 0px !important;
    }

    .wea-wf-location-infoWin {
        width: 305px;
        height: 157px;
        color: black;
        &-top {
            height: 32px;
            line-height: 32px;
            padding-left: 10px;
            background: #f9f9f9;
            border-radius: 7px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom: 1px solid #d8d8d8;

            &-title {
                display: inline-block;
                max-width: 240px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .rodal-close {
                top: 8px;
                right: 10px;
            }
        }
        &-contanier {
            padding : 0 10px;
        }
        &-msg {
            padding: 10px 0;
            border-bottom: 1px dashed #ababab;
            >img {
                display: inline-block;
                width: 35px;
                height: 35px;
                border-radius: 50%;
            }
            &-base {
                display: inline-block;
                padding-left: 10px;
                vertical-align: top;
                @diff: 45px;
                max-width: calc(~'100%-@{diff}');
                &-info {
                    padding-bottom: 2px;
                    display: inline-block;
                    max-width: 240px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: #716e6e;

                    &-name {
                        color: black;
                    }

                    &-dep {
                        padding-left: 10px;
                    }
                }
            }
        }
        &-addr {
            padding-top: 10px;
        }

    }

    .infoWin {
        // height: 140px;
        width: 330px;
        /*border-top: solid 2px #6CAEFF;*/
        background-color: #FFFFFF;
        /*color: #787E8D;*/
        color:#000000;
        box-shadow: 2px 2px 2px rgba(0,0,0,.3);
        font-size:14px;

        .content {
            padding: 11px 0px 0px 11px;

            .operatorimg {
                width: 40px;
                height: 40px;
                border-radius: 20px;
                float: left;
            }

            .operatorname {
                float: left;
                padding-left: 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .operatortime {
                float: left;
                padding-left: 10px;
            }

            .address {
                overflow: hidden;
                text-overflow: ellipsis;
                margin-top: 4px;
                padding-bottom: 20px;
            }
        }

        .field{
            height: 35px;
            line-height: 35px;
            /* overflow: hidden; */
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size:15px;
            background-color: #4F81BD;
            padding-left: 3%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .close{
            height: 15px;
            width: 12px;
            padding: 15px;
            float: right;
            cursor: pointer;
            background: url('/workflow/ruleDesign/images/amap/close-white.png') no-repeat 12px 10px ;
            background-color: #4F81BD;
          }
          .close:hover {
            background-image: url('/workflow/ruleDesign/images/amap/close-hover.png');
            background-repeat: no-repeat;
          }

          .rodal-close {
            right: 6px;
            top: 9px;
          }
          
          .dotedLine {
            border-bottom: 1px dashed #D8D8D8;
            padding-top: 28px;
            margin-right: 17px;
          }	
          .info-bottom {
            height: 0px;
            width: 100%;
            clear: both;
            text-align: center;
            position: absolute;
              bottom:0px;
            margin: 0px auto;
          }
      }

    //右侧状态栏
    .rightcom {
        height : 100%;

        .form-title {
        background: inherit;
        background-color: #f8fcff;
        border: 1px solid #e0edf3;
        }

        .flownum-col {
            display: inline-block;
            max-width: 240px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-right: 20px;
        }
    
        .rightcom-content {
    
        overflow-y: auto;
        height: calc(100% - 125px);
    
        div:hover {
            background-color:rgba(233,247,253,1);
        }
    
        img {
            vertical-align: middle;
            padding-bottom: 4px;
        }
    
        .statuscol {
            padding-left: 5%;
        }
    
        .icon-coms-Selected {
            color: #0c3;
            font-size: 12px;
        }
    
        }
    
        .ant-row {
            line-height: 20px;
            padding: 10px 0;
        }

        .show-all-location {
            line-height: 30px !important;
        }

        .node-content {
            border-top: 1px solid #eaeaea;
            border-bottom: 1px solid #eaeaea;
            cursor: pointer;
        }

        .node-content-select {
            background-color: #e9f7fd;
        }

        .nodeNameCol {
            word-break: break-all;
        }

        .wea-input-focus {
            height: 30px;
            width: 203px;
            margin: 6px 7px 6px 7px;
        }
    }
}